<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
  <style>
	      #father{ width:900px; 
		           height:1080px;
				   margin:0 auto; 
		           }
	 
	 
	       .div01{ width:900px; 
		           height:200px;
				   background-color:#FF0; 
				   margin-bottom:20px;
		           }
              
			  
			  
		   .div02{ width:180px; 
		           height:400px;
				   background-color:#0FF;
				   float:left;
				   margin-right:20px;
		           }
					
	       .div03{ width:500px;
		           height:400px; 
				   background-color:#F0F;
				   float:left;
				   margin-right:20px;
		           }
				   
			.div05{ width:180px; 
			        height:400px; 
					background-color:#0C0; 
					float:left; 
			        }		
			 
			.div04{ width:900px; 
			        height:50px; 
					background-color: #60F; 
				    margin-top:10px; 
					float:left;
			        }
					
	 </style>
</head>






<body>


<div id="father">

<div class="div01">我是第一张</div>
<div class="div02">我是第二张</div>
<div class="div03">我是第三张</div>
<div class="div05">我是第五张</div>
<div class="div04">我是第四张</div>

</div>



<body>
</body>
</html>
